/**
 @Name：用户登入和注册等
 */

layui.use(['form','layer'], function(){
  var $ = layui.$
      ,layer = layui.layer
      ,form = layui.form;

  var verKey;
  //页面加载就会访问
  $.ajax({
    url:"/captcha",
    type:"get",
    dataType:"json",
    success:function (res) {
      verKey = res.data.key;
      $('#LAY-user-get-vercode').attr('src', res.data.image);
    }
  })
  var $body = $('body');
  //更换图形验证码
  $body.on('click', '#LAY-user-get-vercode', function(){
    $.ajax({
      url:"/captcha",
      type:"get",
      dataType:"json",
      success:function (res) {
        verKey = res.data.key;
        $('#LAY-user-get-vercode').attr('src', res.data.image);
      }
    })
  });

  //自定义验证
  form.verify({
    login_account: function(value, item){ //value：表单的值、item：表单的DOM对象
      if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
        return '用户名不能有特殊字符';
      }
      if(/(^\_)|(\__)|(\_+$)/.test(value)){
        return '用户名首尾不能出现下划线\'_\'';
      }
      if(/^\d+\d+\d$/.test(value)){
        return '用户名不能全为数字';
      }
    }
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    ,user_pwd: [
      /^[\S]{6,12}$/
      ,'密码必须6到12位，且不能出现空格'
    ]
    ,vercode: function(value, item){
      var reg = /^[A-Za-z0-9]{4}$/;
      if(!reg.test(value)){
        return '验证码由4位字母或数字组成';
      }
    }
  });

  //监听提交
  form.on('submit(LAY-user-login-submit)', function(data){
    //通过Ajax方式将登录参数提交给后端进行验证，最后响应结果。
    var da = data.field;
    da.verKey=verKey;
    $.ajax({
      url:"/login",
      type:"post",
      data:da,
      dataType:"json",
      success:function (res) {
        if(res.code == 501){//验证码有误
          layer.msg(res.msg);
        }
        if(res.code == 500){//用户名或密码有误
          layer.msg(res.msg);
        }
        if(res.code == 200){//登录成功，跳转页面
          //登入成功的提示与跳转
          layer.msg('登录成功', {
            offset: '15px'
            ,icon: 1
            ,time: 1000
          }, function(){
            console.log(res.data);
            //将登录后的用户保存下来
            sessionStorage.setItem("user",JSON.stringify(res.data));
            location.href = '/index.html'; //后台主页
          });
        }
      }
    })


    return false;
  });

});